<template>
    <div class="TabarBox" :style="{backgroundColor: backgroundColor, fontSize:fontSize}">
        <slot></slot>
    </div>
</template>

<script>
export default {
    props:{
        backgroundColor:{
            type:String,
            default:"rgb(206, 203, 203)"
        },
        fontSize:{
            type:String,
            default:"16px"
        }
    },
mounted(){
    
    console.log(this.fontSize);
}
}
</script>

<style>
.TabarBox{
    height: 49px;
    width: 100%;
    /* background-color: rgb(206, 203, 203); */
    /* font-size: 16px; */
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex;
}
</style>